Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / AppUpdatePrompt.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<v-dialog

Te6edf3:model-value=Ta5d6ff"modelValue"

persistent

Te6edf3:max-width=Ta5d6ff"maxWidth"

scrollable

@Te6edf3update:model-value=Ta5d6ff"$emit('update:modelValue', $event)"

Tff7b72>

Tff7b72<v-card Te6edf3class=Ta5d6ff"bg-white dark:bg-zinc-950 border border-gray-200 dark:border-zinc-800"Tff7b72>

Tff7b72<v-card-title Te6edf3class=Ta5d6ff"text-lg font-semibold text-gray-900 dark:text-zinc-100 pt-5 px-5 pb-2"Tff7b72>

Tff7b72{{ Te6edf3title Tff7b72}}

Tff7b72</v-card-title>

Tff7b72<v-card-text Te6edf3class=Ta5d6ff"px-5 pb-2 text-sm text-gray-600 dark:text-zinc-400 space-y-3"Tff7b72>

Tff7b72<p Te6edf3v-if=Ta5d6ff"description"Tff7b72>Tff7b72{{ Te6edf3description Tff7b72}}Tff7b72</p>

Tff7b72<slot Tff7b72/>

Tff7b72<p Te6edf3v-if=Ta5d6ff"busy && busyText" Te6edf3class=Ta5d6ff"text-xs text-center text-gray-500 dark:text-zinc-500"Tff7b72>

Tff7b72{{ Te6edf3busyText Tff7b72}}

Tff7b72</p>

Tff7b72</v-card-text>

Tff7b72<v-card-actions Te6edf3class=Ta5d6ff"px-5 pb-5 pt-2 flex flex-col sm:flex-row gap-2 sm:justify-end"Tff7b72>

Tff7b72<button

Te6edf3v-if=Ta5d6ff"secondaryLabel"

Te6edf3type=Ta5d6ff"button"

Te6edf3class=Ta5d6ff"tutorial-action-btn tutorial-action-btn-secondary w-full sm:w-auto"

Te6edf3:disabled=Ta5d6ff"busy"

@Te6edf3click=Ta5d6ff"$emit('secondary')"

Tff7b72>

Tff7b72{{ Te6edf3secondaryLabel Tff7b72}}

Tff7b72</button>

Tff7b72<button

Te6edf3v-if=Ta5d6ff"primaryLabel"

Te6edf3type=Ta5d6ff"button"

Te6edf3class=Ta5d6ff"tutorial-action-btn tutorial-action-btn-primary w-full sm:w-auto"

Te6edf3:disabled=Ta5d6ff"busy || primaryDisabled"

@Te6edf3click=Ta5d6ff"$emit('primary')"

Tff7b72>

Tff7b72{{ Te6edf3primaryLabel Tff7b72}}

Tff7b72</button>

Tff7b72</v-card-actions>

Tff7b72</v-card>

Tff7b72</v-dialog>

Tff7b72</template>

Tff7b72<scriptTff7b72>

export default {

name: "AppUpdatePrompt",

props: {

modelValue: { type: Boolean, default: false },

title: { type: String, required: true },

description: { type: String, default: "" },

primaryLabel: { type: String, default: "" },

secondaryLabel: { type: String, default: "" },

busy: { type: Boolean, default: false },

busyText: { type: String, default: "" },

primaryDisabled: { type: Boolean, default: false },

maxWidth: { type: [Number, String], default: 520 },

},

emits: ["update:modelValue", "primary", "secondary"],

};

Tff7b72</script>